<template>
  <div>
      <div class="copyrig">
     <ul>
         <li><el-link :underline="false">问题反馈</el-link></li>
         <li><el-link :underline="false">联系我们</el-link></li>
         <li><el-link :underline="false">广告服务</el-link></li>
         <li><el-link :underline="false">网站声明</el-link></li>
         <li class="last"><el-link :underline="false">收藏本站</el-link></li>
     </ul>
     <p>  
          <el-link :underline="false">  版权所有 2020-2021 以物易物网</el-link>
      </p>
      <div class="pic">
          <el-link :underline="false"> <img src="~assets/img/bot_1.gif" alt=""></el-link>
          <el-link :underline="false"> <img src="~assets/img/bot_2.gif" alt=""></el-link>
          <el-link :underline="false"> <img src="~assets/img/cnnic.png" alt=""></el-link>
      </div>
      </div>
      
  </div>
</template>

<script>
export default {

}
</script>

<style scoped lang="scss">
.copyrig {
    // position: fixed;
    // bottom: 0;
    // left: 0;
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: rgba($color:#eee, $alpha: 0.5);
    ul {
        display: flex;
        list-style: none;
        li{
            padding: 0 20px;
            border-right: 2px dotted #aaaaaa;
            
            .el-link{
                font-size: 16px;
            }    
        } 
        li:nth-last-child(1){
            border: none;
        } 
    }
    p{
            text-align:center;
            margin-top: 20px;
            color: #000000;
    }
    .pic{
        margin: 20px auto;
        img{
            display: inline-block;
            margin: 0 9px;
        }
        
    }
}
        
</style>